@import url(common.css);
#content .bigdynamicimgs{
	/*width: 1343px;*/
	width: 100%;
	height: 410px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
/*===========Index bigimgs animate's btns==========*/
#content .bigdynamicimgs .btnbar{
	position: absolute;
	top: 370px;
	left: 0px;
	width: 100%;
	height: 20px;
}
#content .bigdynamicimgs .btnbar ul.dynamicbtn{
	width: 118px;
	height: 20px;
	padding-left: 500px;
	margin: 0px auto;
}
#content .bigdynamicimgs .btnbar ul.dynamicbtn li{
	background: none repeat scroll 0 0 #B5B5B5;
    border-radius: 50% 50% 50% 50%;
    cursor: pointer;
    height: 14px;
    margin: 4px 4px;
    overflow: hidden;
    width: 14px;
    float: left;
}
/*===========Index bigimgs animate imgconts==========*/
#content .bigdynamicimgs ul.dynamiccont{
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: -288px;
}
#content .bigdynamicimgs ul li{
	height: 410px;
	overflow: hidden;
	position: relative;
}


/*===========Index bigimgs animate next deffrientcate==========*/
#content .medium_cont{
	width: 1100px;
	margin: 0 auto;
	background: #FFFFFF;
}
#content .medium_cont .def_cate{
	padding-top: 8px;
	width: 1100px;
	height: 270px;
	background: #FFFFFF;
}
#content .medium_cont .def_cate img{
	margin-right: 7px;
	display: inline;
	float: left;
}
/*==========Everyweek recommend ==========*/
#content .medium_cont .every_week_show{
	width: 1100px;
	float: left;
	height: auto;
	background: #FFFFFF;
	padding-top: 8px;
}
#content .medium_cont .every_week_show .title{
	background: url("../images/NEWS_INDEX.gif") no-repeat scroll 0 -96px transparent;
    height: 30px;
    line-height: 22px;
    text-align: right;
    width: 100%;
}
#content .medium_cont .every_week_show .title a{
 	color: #AFAFAF;
    display: inline;
    margin: 0 10px;
 }
 #content .medium_cont .every_week_show .title a:hover{
 	color: #393939;
 }
 #content .medium_cont .every_week_show .e_w_s_cont{
 	width: 1100px;
 	height: auto;
 	float: left;
 }
 /*==========Everyweek recommend leftcont==========*/
 #content .medium_cont .every_week_show .e_w_s_cont .cont_left{
 	width: 390px;
 	float: left;
 	height: auto;
 	margin-right: 8px;
 }
 #content .medium_cont .every_week_show .e_w_s_cont .cont_left ul li img{
 	padding: 0px;
 	margin: 0px;
 	float: left;
 }
  #content .medium_cont .every_week_show .e_w_s_cont .cont_left ul li{
 	float: left;
 	width: 190px;
 	height: 230px;
 	/*border: 1px solid red;*/
 	margin-bottom: 5px;
 }
 #content .medium_cont .every_week_show .e_w_s_cont .cont_left ul li.c_l_l{
 	margin-right:5px;
 }
 #content .medium_cont .every_week_show .e_w_s_cont .cont_left ul li.c_l_l span{
 	float: left;
 	width: 190px;
 	height: 15px;
 	overflow: hidden;
 }
  #content .medium_cont .every_week_show .e_w_s_cont .cont_right ul li.c_r_l span{
 	float: left;
 	width: 190px;
 	height: 15px;
 	overflow: hidden;
 }
  #content .medium_cont .every_week_show .e_w_s_cont .cont_left ul li.c_l_l span.c_l_l_p{
 	color: #CA0A2A;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 15px;
    text-align: center;
 }
  #content .medium_cont .every_week_show .e_w_s_cont .cont_right ul li.c_r_l span.c_l_l_p{
 	color: #CA0A2A;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 15px;
    text-align: center;
 }
 /*==========Everyweek recommend middleslider==========*/
#content .medium_cont .every_week_show .e_w_s_cont .cont_middle{
 	float: left;
 	height: 437px;
    width: 379px;
    overflow: hidden;
    position: relative;
    margin-right: 8px;
}
#content .medium_cont .every_week_show .e_w_s_cont .cont_middle ul.cont_middle_box{
	position: absolute;
	width: 758px;
	left: 0px;
	top: 0px;
}
#content .medium_cont .every_week_show .e_w_s_cont .cont_middle ul li{
	float: left;
}
#content .medium_cont .every_week_show .e_w_s_cont .cont_middle ul.cm_index{
	width: 100%;
	height: 15px;
	position: absolute;
	top: 410px;
	left:0px;
	padding-left: 230px;
}
#content .medium_cont .every_week_show .e_w_s_cont .cont_middle ul.cm_index li{
	float: left;
	width: 15px;
	height: 15px;
	background: #FFFFFF;
	text-align: center;
	line-height: 15px;
	margin-right: 5px;
	cursor: pointer;
}
#content .medium_cont .every_week_show .e_w_s_cont .cont_middle ul.cm_index li.on{
	background: #A9071F;
	color: #FFFFFF;
}
/*==========Everyweek recommend rightcont==========*/
 #content .medium_cont .every_week_show .e_w_s_cont .cont_right{
 	width: 390px;
 	float: left;
 	height: auto;
 }
 #content .medium_cont .every_week_show .e_w_s_cont .cont_right ul li img{
 	padding: 0px;
 	margin: 0px;
 }
  #content .medium_cont .every_week_show .e_w_s_cont .cont_right ul li{
 	float: left;
 	width: 190px;
 	height: 230px;
 	margin-bottom: 5px;
 }
 #content .medium_cont .every_week_show .e_w_s_cont .cont_right ul li.c_r_l{
 	margin-right:5px;
}
/*==========Hot Sale==========*/
#content .medium_cont .hot_sell{
	float: left;
    padding-top: 8px;
    width: 1100px;
    background: #FFFFFF;
   
}
#content .medium_cont .hot_sell .title{
	background: url("../images/NEWS_INDEX.gif") no-repeat scroll 0 -138px transparent;
	height: 30px;
    line-height: 22px;
    text-align: right;
    width: 100%;
    float: left;
}
#content .medium_cont .hot_sell .title a{
	color: #AFAFAF;
    display: inline;
    margin: 0 10px;
}
 #content .medium_cont .hot_sell .title a:hover{
 	color: #393939;
 }
#content .medium_cont .hot_sell .h_s_box{
	height: 542px;
    background: #F1F1F1;
    width: 100%;
}
#content .medium_cont .hot_sell .h_s_box .h_s_cont{
	width: 950px;
	float: left;
	height: 476px;
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}
#content .medium_cont .hot_sell .h_s_box .h_s_index{
	float: left;
	width: 105px;
	margin-top: 10px;
}
#content .medium_cont .hot_sell .h_s_box .h_s_index ul{
	margin-top: 100px;
}
#content .medium_cont .hot_sell .h_s_box .h_s_index ul li{
	height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    width: 105px;
   	border-right: 4px solid #CCCCCC;
   	cursor: pointer;
}
#content .medium_cont .hot_sell .h_s_box .h_s_index ul li.on{
	
    background: #FFFFFF;
   	border-right: 4px solid #393939;
}
#content .medium_cont .hot_sell .h_s_box .h_s_cont ul.h_s_list{
	position: absolute;
	top: 0px;
	left: 0px;
}
#content .medium_cont .hot_sell .h_s_box .h_s_cont ul li{
	height: 476px;
	position: relative;

}
#content .medium_cont .hot_sell .h_s_box .h_s_cont ul li a{
	display: inline-block;
	width: 170px;
	padding-left: 55px;
	float: left;
	margin-top: 25px;
}
/*==========Slider css==========*/
#content .medium_cont #gd_animate{
	background: none repeat scroll 0 0 #FFFFFF;
    height: 420px;
    overflow: hidden;
    position: relative;
    width: 1100px;
    z-index: 1;
    float: left;
    padding-top: 10px;
}
#content .medium_cont #gd_animate .title{
	background: url("../images/NEWS_INDEX.gif") no-repeat scroll 0 -180px transparent;
	height: 30px;
    line-height: 22px;
    text-align: right;
    width: 100%;
    float: left;
}
#content .medium_cont #gd_animate .title a{
	color: #AFAFAF;
    display: inline;
    margin: 0 10px;
}
#content .medium_cont #gd_animate .title a:hover{
 	color: #393939;
 }
#content .medium_cont #gd_animate .slide{
	background: none repeat scroll 0 0 #000000;
    height: 388px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    width: 665px;
    z-index: 2;
}
/*==========Peishi css==========*/
#content .medium_cont .peishi{
	width: 1100px;
	float: left;
	height: auto;
	padding: 0px;
	background: #FFFFFF;
	padding-top: 10px;
}
#content .medium_cont .peishi .p_s_cont{
	width: 732px;
	float: left;
	height: auto;
	position: relative;
}
#content .medium_cont .peishi .p_s_cont .title{
	background: url("../images/NEWS_INDEX.gif") no-repeat scroll 0 -180px transparent;
	height: 30px;
    line-height: 22px;
    text-align: right;
    width: 100%;
    float: left;
}
#content .medium_cont .peishi .p_s_cont .title a{
	color: #AFAFAF;
    display: inline;
    margin: 0 10px;
}
#content .medium_cont .peishi .p_s_cont .title a:hover{
 	color: #393939;
 }
#content .medium_cont .peishi .p_s_cont .p_s_list{
	border-bottom: 1px solid #A30001;
    overflow: hidden;
    padding: 1px;
    position: relative;
    width: 732px;
    padding-bottom: 35px;
    height: 280px;
    float: left;  
}
#content .medium_cont .peishi .p_s_cont .p_s_list ul{
	padding-left: 12px;
	position: absolute;
	height: 280px;
	top: 0px;
	left: 0px;
	z-index: 1px;
	width: 1346px;
}
#content .medium_cont .peishi .p_s_cont .p_s_list ul li{
	border-right: 1px dashed #CCCCCC;
    height: 280px;
    width: 170px;
    float: left;
    margin-right: 11px;
}
#content .medium_cont .peishi .p_s_cont .p_s_list ul li p{
	margin-top: 5px;
}
#content .medium_cont .peishi .p_s_cont .pslSlider{
    position: absolute;
    text-align: left;
    top: 340px;
    left: 0px;
    width: 575px;
    z-index: 1000;
}
#content .medium_cont .peishi .p_s_cont .pslSlider .pslSliderC{
	background: url("../images/NEWS_INDEX.gif") repeat scroll -639px -62px transparent;
    font-weight: normal;
    height: 12px;
    display: block;
    outline: medium none;
    width: 134px;
}
/*==========Magazine==========*/
#content .medium_cont .peishi .magazine{
	float: right;
	width: 360px;
	height: 350px;
	overflow: hidden;
}
#content .medium_cont .peishi .magazine .title{
	background: url("../images/NEWS_INDEX.gif") no-repeat scroll -740px -222px transparent;
	height: 30px;
    line-height: 22px;
    text-align: right;
    width: 100%;
    float: left;
}
#content .medium_cont .peishi .magazine .magazine_c{
	background: none repeat scroll 0 0 #E7E8EA;
    float: left;
    height: 317px;
    margin-top: 1px;
    width: 360px;
}

/*============首页中间滑动动画================*/
.Index_match_NR{ margin-top:1px; float:left; width:1100px; height:388px;}
#slider {
	Z-INDEX: 1; POSITION:relative; WIDTH: 1100px;OVERFLOW: hidden; HEIGHT: 388px; background:#f4f4f6
}
#slider .slide {
	Z-INDEX: 2;POSITION:absolute; BORDER-LEFT: #ccc 1px solid; WIDTH: 665px; BACKGROUND: #000; HEIGHT: 388px; OVERFLOW: hidden;text-align:left; margin-left:1px; 
}
#slider .diapo {
	POSITION: absolute; FILTER: alpha(opacity=100); VISIBILITY: visible; opacity: 1;
}